.navbar-toggle { top: 28px; margin-left: 15px; }
.navbar-toggle .icon-bar{background: #666; width: 25px; height: 3px;}
@media (max-width: 768px){
  .header-bar .bar-left{ display: block; text-align: center; padding: 3px; }
  .header-bar .links-wrap{float: inherit; text-align: center; border-top: 1px solid #f8f8f8; padding: 3px;}
  .top-header{height: auto;}
  .top-header .top-right{float: inherit; width: calc(100% + 30px); clear: both; display: block; background: #f2f2f2;padding: 10px; position: relative;left: -15px;}
  .navbar-menu{position:fixed; top:0; left: 0; z-index: 2; display: none; background: rgba(0,0,0,.5); width: 100%; height:100%; }
  .navbar-menu .container{ position: absolute; height: 100%; padding: 0; width: 60%;    background: #005494;margin: 0; }
  .navbar-menu ul{padding: 50px 0;}
  .navbar-menu li{width: 100%; border-right: none; border-bottom: 1px solid #1777c0; text-align: left;}
  .navbar-menu .navbar-nav>li>a{ padding: 15px 30px;  }
  .navbar-menu.show{ display: block;  }

  .page-banner{height: 150px;}
  .ut-about-us{width: 100%; padding: 0; margin-bottom: 20px;}
  .ut-hot-news{width: 100%;}

  .ut-category-list{width: 100%!important; margin-bottom: 20px; padding-right: 0!important; overflow: hidden;}
  .ut-category-list li{width: 33.3%; float: left; padding: 2px;}
  .ut-product-list{width: 100%; clear: both;}
  

  .ut-main-box{ clear: both; width: 100%; }
  .ut-aside-menu{width: 100%; margin-right: 0;}
  .ut-aside-menu .ut-box{margin-bottom: 0;}
  .ut-aside-menu .ut-box:last-child{display: none;}
  .ut-aside-menu .ut-box:first-child{display: block;}
  .ut-aside-menu .ut-category-list li:nth-child(2n+1){ padding-left: 0; }
  .ut-aside-menu .ut-category-list li:nth-child(3n){ padding-right: 0; }

  .ut-product-details .ut-aside-menu{display: none;}
  .ut-product-details .details-info{width: 100%; padding:30px 0 0 ;}
  .ut-product-details .details-info .title .operation{width:100%; text-align: center; float: inherit; display: block; background: #f2f2f2; padding: 5px; border-radius: 3px; margin-bottom: 15px; }

  .ut-product-details .photo-list{width: 100%;}
  .swiper-container{height: 300px; line-height: 300px;}
  .ut-main-box .nav-tabs li{ width: calc(50% - 5px); }
  .icon-code{display: none;}
  .fw-product-details .details-info{display: none;}
}


@media (max-width: 480px){
  .top-header .logo{background-size: 100% auto; width: 160px; margin-top: 10px; height: 30px;}
  .top-header .navbar-brand{margin-top: 0;}
  .navbar-toggle{ top: 15px; }
  .ut-box .ut-header h2 .en{display: none;}
  .ut-about-us .img{width: 100%; height: 100px; overflow: hidden; text-align: center; display: block; padding-right: 0;}
  .ut-about-us .ctn-inner, .ut-hot-news .ctn-inner{height: auto;}
  .ut-about-us .text{clear: both;width: 100%; padding-top: 20px;}
  .ut-category-list li{width: 50%;}
  .ut-aside-menu .ut-category-list li:nth-child(2n+1){ padding-left: 0; }
  .ut-aside-menu .ut-category-list li:nth-child(2n){ padding-right: 0; }
  .ut-aside-menu .ut-category-list li:nth-child(3n){ padding-right: 2px; }
  .ut-place-order .place-btn .btn{ width: 45%; }
   .fw-form-compose.form li > .control-text {
    width: 70%;
    padding-left: 0;
}
}

/*鎵嬫満璇㈢洏*/
.app-function{margin: 10px 0;}
.app-logo{background: url("../images/logo-1.png") no-repeat; width: 180px; height:44px ;text-align: center; margin:0 auto;}
.app-function h4{background: #005494;text-align: center;width: 100%;color: #fff; padding:10px 5px; height: 40px;margin: 15px 0;}